<div class="header">
    <div class="container">
      <div class="navibar clearf ">
        <div class="logo fl">
          <a routerLink="/test">RobotClub</a>
        </div>
        <div class="catalog fr clearf">
          <div class="fl anchor" style="margin-right: 20px;" (click)="showgame()">
           <i class="fa fa-angle-down fa-1.5x" aria-hidden="true"></i>
          </div> 
          <div class= "fl rightgap "><a routerLink="/game2020">绿茵争锋</a></div>
          <div  [@firstLayer]="boxState1" class= "dropdown1">
            <a routerLink="/game2019">快马加鞭</a></div>
          <!-- <div class= "fl rightgap "><a routerLink="/resource" >资源</a></div> -->
          <div class= "fl rightgap "><a routerLink="/aboutus">了解我们</a></div>
          <div class= "fl rightgap "><a routerLink="/joinus">加入我们</a></div>
          <!-- <app-user style="display: inline-block;"></app-user> -->
          <a href="https://gitee.com/buaarobot/" target="gitee" class="git-coin"><i class="fa fa-github fa-2x" aria-hidden="true"></i></a>
          </div>
      </div>
      <div class="brand clearf">
        <img src="../../../assets/jiqirendui.png" alt="北航机器人队" width="70%">
      </div>
      <div class="subbrand clearf">
        <p style="text-align:right;">一个专注于研究机器人技术的团队</p>
      </div>
    </div>
  </div>
